<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%
    String path = request.getContextPath();
			String basePath = request.getScheme() + "://"
					+ request.getServerName() + ":" + request.getServerPort()
					+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>AFC设备维修系统-数据字典信息录入</title>
		<style>
		#organizesTree {
			margin-top: 10px;
			border: 1px solid #617775;
			background: #f0f6e4;
			min-width: 180px;
			max-height: 400px;
			overflow-y: scroll;
			overflow-x: auto;
		}
		</style>
	</head>

	<body>
		<jsp:include page="/jsp/common/top.jsp"></jsp:include>
		<!-- 顶部start -->
		<div id="main">
			<div class="body">
				<!-- 导航菜单 -->
				<jsp:include page="/jsp/common/nav.jsp"></jsp:include>
				<!-- 主体 -->
			<form action="doUserInfoAdd.action" method="post" onsubmit="return checkFrm();" >
				<div class="main_body">
					<div id="add_div">
						<table class="table_add" style="width: 100%;">
							<tr >
								<th style="width: 150px;">
									请选择请增方式：
								</th>
								<td style="width: 225px;">
									<input type="radio" name="selectType" checked="checked"  value="1"/> 新增已有类型
									<input type="radio" name="selectType"  value="0"/> 新增类型 
								</td>
								<th style="width: 189px;">
								&nbsp;
								</th>
								<td>
									&nbsp;
								</td>
							</tr>
							<tr id="showTr">
								<th style="width: 150px;">
									一级分类名称：
								</th>
								<td style="width: 225px;">
									<input  type="text" id="showAddOne" class="text" style="width: 225px;" name="" />&nbsp;
									<a href="#" id="showAddOne_1" style="color: #0078B6;text-decoration: underline" ><b>选择</b></a>
									<input id="oneCode" type="hidden" />
								</td>
								<th style="width: 189px;">
									二级分类名称：
								</th>
								<td>
									<input type="text"   id="showAddTwo" class="text" style="width: 225px;" name=""/>&nbsp;
									<a href="#" id="showAddTwo_2" style="color: #0078B6;text-decoration: underline" ><b>选择</b></a>
									<input type="hidden" id="twoCode" />
								</td>
							</tr>
							
							<tr id="addClass">
								<th style="width: 150px;">
									分类名称：
								</th>
								<td style="width: 225px;">
									<input  type="text" class="text" style="width: 225px;" name="" />&nbsp;
									<a href="#" id="showAddTwo_3" style="color: #0078B6;text-decoration: underline" ><b>选择数据类型</b></a>
								</td>
								<th style="width: 189px;">
									分类编号：
								</th>
								<td>
									<input type="text"   class="text" style="width: 225px;" name=""/>&nbsp;
								</td>
							</tr>
							
							<tr>
								<th style="width: 150px;">
									数据值：
								</th>
								<td style="width: 225px;">
									<input type="hidden" id="roleID" name=""/>
									<input name="text2" type="text" class="text"  
										style="width: 225px;" value=""  />
								</td>
								<th style="width: 189px;">
									属性1：
								</th>
								<td style="width: 225px;">
									<input name="text2" type="text" class="text" 
										style="width: 225px;"  	 />
								</td>
							</tr>
							
							<tr>
								<th style="width: 150px;">
									属性2：
								</th>
								<td style="width: 225px;">
									<input type="text" class="text" style="width: 225px;" id="phone" name=""/>
								</td>
								<th style="width: 189px;">
									属性3：
								</th>
								<td style="width: 225px;">
									<input type="text" class="text" style="width: 225px;" id="phone" name=""/>
								</td>
							</tr>
							
							<tr>
								<th style="width: 150px;">
									属性4：
								</th>
								<td style="width: 225px;">
									<input type="text" class="text" style="width: 225px;" id="phone" name=""/>
								</td>
								<th style="width: 189px;">
									属性5：
								</th>
								<td style="width: 225px;">
									<input type="text" class="text" style="width: 225px;" id="phone" name=""/>
								</td>
							</tr>
						</table>
					</div>
					<div style="margin: 8px 0 0 150px;">
						<input type="submit" class="btn-title" value="保存"/>
						&nbsp;&nbsp;
						<input type="button" class="btn-title" value="取消" onclick="javascript:window.location.href='getDictionaryList.action';"/>
					</div>
				</div>
				</form>
			</div>
		</div>

		<div id="organizeContent" class="menuContent"
			style="display: none; position: absolute;">
			<ul id="organizesTree" class="ztree" style="margin-top: 0;"></ul>
		</div>
		<div id="oneAddDialog" title="一级分类列表" style="display: none;">
			<table width="0" border="0" cellspacing="0" cellpadding="0">
				<tr>
					<td>
						<s:select id="oneName" size="20"
							cssStyle="width: 160px; height: 240px;" list="parentDatadics" name="flag"
							listKey="id" listValue="classname" ondblclick="oneClassDBlclick();">
						</s:select>
					</td>
				</tr>
			</table>
		</div>
		
		<div id="twoAddDialog" title="二级分类列表" style="display: none;">
			<table width="0" border="0" cellspacing="0" cellpadding="0">
				<tr>
					<td id="twoHtml">
					</td>
				</tr>
			</table>
		</div>
		<!-- 顶部end -->
		<jsp:include page="/jsp/common/bottom.jsp"></jsp:include>
<script type="text/javascript">
	

	//页面加载
	$(function() {

		// 一级弹窗初始化
		$('#oneAddDialog').dialog( {
			autoOpen : false,
			width : 200,
			height : 300,
			position : [ 587, 205 ]
		//显示位置
		});
		
		// 二级级弹窗初始化
		$('#twoAddDialog').dialog( {
			autoOpen : false,
			width : 200,
			height : 300,
			position : [ 1007, 205 ]
		//显示位置
		});
		
		//隐藏手动输入部分
		$('#addClass').hide();
		
		//添加高亮显示
		//selectNav('nav5');
		
		//getRedio 事件
		$("input[name='selectType']").change(function() {
			if($(this).val()=='0')
			{	
				$('#showTr').hide();
				$('#addClass').show();
			}	
			else
			{
				$('#showTr').show();
				$('#addClass').hide();
			}	
		});
		//验证用户账号是否存在
		$('#code').blur(function(){
			var item = $.trim($(this).val());
			if (null != item && item != '') 
			{
				var url = encodeURI(encodeURI('isExistUserCode.action?userInfo.userCode=' + item));
				$.ajax( {
					url : url,
					type : "POST",
					cache : false,
					success : function(message) {
						if (message == "true") 
						{
							alert("用户账号已存在，请重新输入！");
							$(this).focus();
						}
					}
				});
			}
		});
	});

	// 一级分两类弹窗显示
	$('#showAddOne_1').click(function() {
		$('#oneAddDialog').dialog('open');
		return false;
	});
	
	//二级分类
	$('#showAddTwo_2').click(function() {
		$('#twoAddDialog').dialog('open');
		return false;
	});
	

	//一级分类双击事件
	function oneClassDBlclick() {
		//获取当前option名称
		var name = document.getElementById("oneName").options[window.document.getElementById("oneName").selectedIndex].text;
		$("#showAddOne").val(name);
		
		//id 赋值隐藏域
		$("#oneCode").val($("#oneName").val());
		$("#oneAddDialog").dialog("close");
		
		//获取二级分类类表信息
		var url = encodeURI(encodeURI('getSubCodeByParent.action?dic.id=' + $("#oneName").val()+'&dic.classname='+name));
		$.ajax( {
			url : url,
			type : "POST",
			cache : false,
			success : function(message) {
				$('#twoHtml').html('');
				$('#twoHtml').html(message);
				$('#twoName').attr("size","5000");
				
			}
		});
	}
	
	//二级分类双击事件
	function twoClassDBlclick() {
		//获取当前option名称
		var name = document.getElementById("twoName").options[window.document.getElementById("twoName").selectedIndex].text;
		$("#showAddTwo").val(name);
		
		//id 赋值隐藏域
		$("#twoCode").val($("#twoName").val());
		$("#twoAddDialog").dialog("close");
	}
	
	//表单验证
	function checkFrm()
	{
		//正则表达式
		var myReg = /^[^@\/\'\\\"#$%&\^\*<>]+$/;
		
		//用户账号验证
		if(!paramIsNull('code'))
		{	
			alert('用户账号不能为空！');
			return false;
		}
		else
		{
			var  code =$('#code').val();
			if(code.length >30)
			{
				alert("用户账号字符个数不能大于30！");
				$('#code').focus();
				return false;
			}
			//特殊字符校验
			if (!myReg.test(code)) 
			{
				alert("用户账号不能含有$、#、%、/、*、<、>、'、\"、\\、&等特殊字符，请重新输入！");
				$('#code').focus();
				return false;
			}
		}
		
		//用户名验证  name
		if(!paramIsNull('name'))
		{	
			alert('用户名称不能为空！');
			return false;
		}
		else
		{
			var code =$('#name').val();
			if(code.length >30)
			{
				alert("用户名称字符个数不能大于30！");
				$('#name').focus();
				return false;
			}
			//特殊字符校验
			if (!myReg.test(code)) {
				alert("用户名称不能含有$、#、%、/、*、<、>、'、\"、\\、&等特殊字符，请重新输入！");
				$('#name').focus();
				return false;
			}
		}
		
		//用户名验证  name
		if(!paramIsNull('pwd'))
		{	
			alert('用户密码不能为空！');
			return false;
		}
		else
		{
			var code =$('#pwd').val();
			if(code.length <6 || code.length > 20)
			{
				alert("请输入6-20 为长度字符的密码！");
				$('#pwd').focus();
				return false;
			}
		}
		
		//邮箱验证  email
		if(!paramIsNull('email'))
		{	
			alert('用户邮箱不能为空！');
			return false;
		}
		else
		{
		  	var myEmail = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
			var code =$('#email').val();
			if(code.length>30 || !myEmail.test(code)){
				alert("请输入有效E-mail！");
				$('#email').focus();
				return false;
			}
		}
		//角色  showAddRole
		if(!paramIsNull('showAddRole'))
		{	
			alert('请选择用户角色！');
			return false;
		}
		
		//组织架构 showOrganize
		if(!paramIsNull('showOrganize'))
		{	
			alert('请选择用户所属组织架构！');
			return false;
		}
		
		//手机号码验证 phone
		if(!paramIsNull('phone'))
		{	
			alert('用户密码不能为空！');
			return false;
		}
		else
		{
			var code =$('#phone').val();
			if(code.length!=11 || !(/^[0-9]{11}$/).test(code))
			{
				alert("请输入有效手机号码！");
				$('#phone').focus();
				return false;
			} 
		}
		return true;
	}
	
	//参数非空验证
	function paramIsNull(paramId){
		var temp = $('#'+paramId).val();
		if(null == temp || temp=='')
		{
			return false;
		}
		else{
			//文本框去左右空格重新赋值
			$('#'+paramId).val($.trim(temp));
			return true;
		}
	} 
	
</script>
	</body>
</html>
